*{
    padding: 0;
    margin: 0;
}
.subject{
    width: 100%;
    height: 800px;
    background-color: #fff;
}
.menu{
    width: 100%;
    height:42px;
    background-color: #3d444c;
    flex-direction: row;
    display: flex;
}
.czs-menu-l{
    color:#FFFFFF;
    font-size: 30px;
    margin: 0 auto;
    flex-direction: row ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text1{
    width:50%;
    height:42px;
    margin: 0 auto;
    flex-direction: row ;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #FFFFFF;
}
.czs-bell{
    color: #08b292;
    font-size: 30px;
    margin: 0 auto;
    flex-direction: row ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rec{
    width: 100%;
    height: 55px;
    background-color:#3d444c; 
    display: flex;
    flex-direction: row;
}
.left{
    width: 50%;
    height: 55px;
    text-align: center;
    font-size:19px;
    color: white;
}
.right{
    width: 50%;
    height: 55px;
    text-align: center;
    font-size:19px;
    color: white;
}
.text2{
    width: 100%;
    height: 40px;
    position: relative;
    top: 15px;
    border-bottom: 3px solid #08b292;
    box-sizing: border-box;
}
.text3{
    width: 100%;
    height: 40px;
    position: relative;
    top: 15px;
    box-sizing: border-box;
}
.zhaoshang{
    width: 100%;
    height: 18%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgb(190, 185, 185);
}
.niuyun1{
    width: 100%;
    height: 18%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgb(190, 185, 185);
}
.niuyun2{
    width: 100%;
    height: 18%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgb(190, 185, 185);
}
.niuyun3{
    width: 100%;
    height: 18%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgb(190, 185, 185);
}
.zhaoshangleft{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.zhaoshangimage{
    width: 80%;
    height: 65%;
    margin: auto;
    background-image: url(../image/taoti.png);
    background-size: 100% 100%;
    border-radius: 60px;
}
.zhaoshangright{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.zhaoshangline1{
    width: 100%;
    height: 18%;
    font-size: 16px;
    margin-top:6px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.zhaoshangline2{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.zhaoshangline3{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.zhaoshangline4{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    display: flex;
    flex-direction: row;
}
.text4{
    width: 15%;
    height: 100%;
    color: gray;
}
.czs-star{
    font-size: 18px;
    color: orange;
}
.niuyun1left{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.niuyun1image{
    width: 80%;
    height: 65%;
    margin: auto;
    background-image: url(../image/taoti.png);
    background-size: 100% 100%;
    border-radius: 60px;
}
.niuyun1right{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.niuyun1line1{
    width: 100%;
    height: 18%;
    font-size: 16px;
    margin-top:6px;
    margin-top:6px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.niuyun1line2{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun1line3{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun1line4{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    display: flex;
    flex-direction: row;
}
.text4{
    width: 15%;
    height: 100%;
    color: gray;
}
.czs-star{
    font-size: 18px;
    color: orange;
}
.niuyun2left{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.niuyun2image{
    width: 80%;
    height: 65%;
    margin: auto;
    background-image: url(../image/taoti.png);
    background-size: 100% 100%;
    border-radius: 60px;
}
.niuyun2right{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.niuyun2line1{
    width: 100%;
    height: 18%;
    font-size: 16px;
    margin-top:6px;
    margin-top:6px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.niuyun2line2{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun2line3{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun2line4{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    display: flex;
    flex-direction: row;
}
.text4{
    width: 15%;
    height: 100%;
    color: gray;
}
.czs-star{
    font-size: 18px;
    color: orange;
}
.niuyun3left{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.niuyun3image{
    width: 80%;
    height: 65%;
    margin: auto;
    background-image: url(../image/taoti.png);
    background-size: 100% 100%;
    border-radius: 60px;
}
.niuyun3right{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.niuyun3line1{
    width: 100%;
    height: 18%;
    font-size: 16px;
    margin-top:6px;
    margin-top:6px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.niuyun3line2{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun3line3{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    color: gray;
}
.niuyun3line4{
    width: 100%;
    height: 18%;
    font-size: 15px;
    margin-top:6px;
    display: flex;
    flex-direction: row;
}
.text4{
    width: 15%;
    height: 100%;
    color: gray;
}
.czs-star{
    font-size: 18px;
    color: orange;
}